
.editor-wrapper {
    display: flex;
    margin: 15px auto ;
    border: 1px solid gray;
    width: 80vw;
    line-height: 50px;
}

.name-wrapper {
    flex-basis: 25%;
}


.gender-wrapper {
    flex-basis: 30%;
}


.birthdate-wrapper {
    flex-basis: 35%;
}


.button-wrapper {
    flex-basis: 10%;
}

.panda-list {
    margin: 15px auto;
    border: 1px solid gray;
    width: 80vw;
}

.panda {
    display: flex;
    margin: 10px;
    border-bottom: 1px solid gray;
}

.panda:last-child {
    border-bottom: none;
}

.panda>.id {
    flex-basis: 15%;
}

.panda>.name {
    flex-basis: 25%;
}

.panda>.gender {
    flex-basis: 15%;
}

.panda>.birthdate {
    flex-basis: 15%;
}

.panda>.operation {
    flex-basis: 30%;
}

.panda>.operation a {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    user-select: none ;
}